<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./ilb/js/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css" />
    <style>
      html,
      body {
        position: relative;
        height: 100%;
       
      }
  
      body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }
  
      .swiper-container {
        width: 100%;
        height: 100%;
  
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
    </style>
  </head>
  <body>
    <!--index.wxml-->
    <div class="container">
      <div class="header">
        <div class="lt"></div>
        <div class="ct">首页</div>
        <div class="rt"></div>
      </div>
      <div class="search">
        <a href="./search.html" class="input">
          <img class="icon" />
          <span class="txt">商品搜索, 共xx款好物</span>
        </a>
      </div>
      <!-- 轮播图 -->
      <div class="banner">
     <!-- Swiper -->
  <div class="swiper-container banner-swiper1">
     <div class="swiper-wrapper wrapper1">
      <!-- <div class="swiper-slide"><img src="http://yanxuan.nosdn.127.net/65091eebc48899298171c2eb6696fe27.jpg" alt=""></div> -->
     </div> 
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <!-- <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div> -->
  </div>
      </div>
      <div class="m-menu"></div>
      <div class="a-section a-brand">
        <div class="h">
          <a href="./brand.html">
            <span class="txt">品牌制造商直供</span>
          </a>
        </div>
        <!-- zhizao -->
        <div class="b" id="zz"></div>
      </div>
      <div class="a-section a-new">
        <div class="h">
          <div>
            <a href="./newGoods.html">
              <span class="txt">周一周四 · 新品首发</span>
            </a>
          </div>
        </div>
        <!-- xinpin -->
        <div class="b" id="xp">
          
      </div>
      <div class="a-section a-popular">
        <div class="h">
          <div>
            <a href="./hotGoods.html">
              <span class="txt">人气推荐</span>
            </a>
          </div>
        </div>
        <!-- renqi -->
        <div class="b" id="rq">
  
        </div>
      </div>
      <div class="a-section a-topic">
        <div class="h">
          <div>
            <a href="./topic.html">
              <span class="txt">专题精选</span>
            </a>
          </div>
        </div>
        <div class="b">
          <!-- 这里要横向滚动 -->
          <div scroll-x="true" class="list">
              <div class="swiper-container banner-swiper2">
                  <div class="swiper-wrapper wrapper2">
                     
            </div>
          </div> 
          <!-- </div> -->
          </div>
        </div>
      </div>
      <!-- 分类商品数据 -->
    <div id="fl"> 

  </div>
 
      <!-- 底部TabBar区域 -->
      <div class="tab-bar">
        <a href="index.html" class="active">
          <!-- <img src="./static/images/ic_menu_choice_nor.png" alt=""> -->
          <img src="./static/images/ic_menu_choice_pressed.png" alt="" />
          <span>首页</span>
        </a>
        <a href="topic.html">
          <img src="./static/images/ic_menu_topic_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
          <span>专题</span>
        </a>
        <a href="cate.html">
          <img src="./static/images/ic_menu_sort_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_sort_pressed.png" alt=""> -->
          <span>分类</span>
        </a>
        <a href="cart.html">
          <img src="./static/images/ic_menu_shoping_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
          <span>购物车</span>
        </a>
        <a href="user.html">
          <img src="./static/images/ic_menu_me_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
          <span>我的</span>
        </a>
      </div>
    </div>
    <!-- lunbotu -->
    <script type="text/html" id="lunbotu_1">
      {{each banner}}
    <!-- <div class="swiper-wrapper"> -->
   
      <div class="swiper-slide">
          <img src="{{$value.image_url}}">
        </div>
      <!-- </div> -->
    
    <!-- <div class="swiper-pagination"></div> -->
    {{/each}}
    </script>
    <!-- 菜单 -->
    <script type="text/html" id="m-menu-cd">
        {{each channel}}
        <a class="item" href="{{$value.url}}" id="{{$value.id}}">
          <img src="{{$value.icon_url}}" background-size="cover"/>
          <span>{{$value.name}}</span>
        </a>
      {{/each}}
    </script>
    <!-- 制造商 -->
    <script type="text/html" id="brandList-zz">
        {{each brandList}}
        <div class="item item-1">
        <a href="./brandDetail.html"data-id="{{$value.id}}">
          <div class="wrap">
            <img class="img" src="{{$value.new_pic_url}}" mode="aspectFill"/>
            <div class="mt">
              <span class="brand">{{$value.name}}</span>
              <span class="price">{{$value.floor_price}}</span>
              <span class="unit">元起</span>
            </div>
          </div>
        </a>
      </div>
        {{/each}}
    </script>
    <!-- xinpin -->
    <script type="text/html" id="newGoodsList-xp">
        {{each newGoodsList}}
    <div class="item">
      <a href="./goods.html" data-id="{{$value.id}}">
        <img
          class="img"
          src="{{$value. list_pic_url}}"
          background-size="cover"
        />
        <span class="name">{{$value.name}}</span>
        <span class="price">¥{{$value.retail_price}}</span>
      </a>
    </div>
  </div>
    {{/each}}
    </script>
    <!-- renqi -->
<script type="text/html"id="hotGoodsList-rq">
{{each hotGoodsList}}
<div class="item" >
  <a href="./goods.html" data-id="{{$value.id}}">
    <img class="img" src="{{$value.list_pic_url}}" background-size="cover"/>
    <div class="right">
      <div class="span">
        <span class="name">{{$value.name}}</span>
        <span class="desc">{{$value.goods_brief}}</span>
        <span class="price">¥ {{$value.retail_price}}</span>
      </div>
    </div>
  </a>
</div>
{{/each]}}
<!-- 专题精选 -->

</script>
<!-- 专题精选 -->
<script type="text/html"id="topicList-ztjx">
{{each topicList}}
<div class="swiper-slide">
<a href="topicDetail.html" data-id="{{$value.id}}">
    <img class="img" src="{{$value.item_pic_url}}" background-size="cover"/>
    <div class="np">
      <span >{{$value.title}}</span>
      <span style="color:#b4286a">￥{{$value.price_info}}元起</span>
    </div>
    <span class="desc"style="overflow: hidden;">{{$value.subtitle}}</span>
  </a>
</div>
{{/each}}
</script>
<!-- 	分类商品数据 -->
<script type="text/html"id="categoryList-flsp">
  {{each categoryList value index}}
  <div class="good-grid">
      <div class="h">
        <div>
          <span>{{value.name}}</span>
        </div>
      </div>
      {{each value.goodsList z g}}
      <div class="b">
            <a href="./goods.html" class="item" data-id="{{z.id}}">
              <img
                class="img"
                src="{{z.list_pic_url}}"
                background-size="cover"
              />
              <div class="name">{{z.name}}</div>
              <div class="price">￥{{z.retail_price}}</div>
            </a>
      </div>
      {{/each}}
    </div>
  {{/each}}
</script>


<script src="./ilb/js/swiper-bundle.min.js"></script>
    <script src="./ilb/jquery.js"></script>
    <script src="./ilb/template-web.js"></script>
    <script src="./ilb/baseAPI.js"></script>
    <script src="./ilb/js/index.js"></script>
  </body>
</html>
